<template>
    <div class="set-root">
        <BackHeader :searchShow="false">设 置</BackHeader>
        <img class="logo" src="/img/1.png" alt="">
        <div class="box">
            <span>版本信息</span><span>墨韵1.0.0</span>
        </div>
        <div class="box">
            <span>客服电话</span><span>400-101-123</span>
        </div>
        <div class="box">
            <span>清除缓存</span><span>4.5M</span>
        </div>
        <div class="box">
            <span>更新提醒</span>
            <ClickBtn></ClickBtn>
        </div>
        <div class="box">
            <span>打开APP直接阅读</span>
            <ClickBtn></ClickBtn>
        </div>
    </div>
</template>

<script>
import BackHeader from "../components/BackHeader.vue";
import ClickBtn from "../components/ClickBtn.vue"
export default {
  components: {
    BackHeader,
    ClickBtn
  }
};
</script>

<style scoped lang="less">
.set-root {
  height: 100vh;
  width: 100vw;
}
.logo {
  margin-top: 5.9vw;
  margin-left: 32.5vw;
  width: 34.8vw;
  height: 34.8vw;
  border-radius: 50%;
}
.box{
    width: 92.3vw;
    height: 16vw;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 3.9vw;
    span:nth-of-type(1){
            font-size:3.5vw;
            color: #999999;
        }
    span:nth-of-type(2){
        font-size: 4.5vw;
        color: #666666;
        font-weight: bold;
    }
}
.box:nth-of-type(1){
    margin-top: 16vw;
}

</style>